// 获取商品列表
function renderGoodList(id) {
  axios
    .get("/api/goods/list", {
      params: {
        categoryId: id,
        size: 100,
      },
    })
    .then((resp) => {
      const htmlGoodslistStr = template("tpl-goodslist", resp.data.data);
      $(".cate-item .b").html(htmlGoodslistStr);
    });
}
renderGoodList(new URLSearchParams(document.location.search).get("categoryId"));

// 顶部导航栏
function renderNav() {
  axios
    .get("/api/goods/category", {
      params: {
        id: new URLSearchParams(document.location.search).get("categoryId"),
        size: 1,
      },
    })
    .then((resp) => {
      template.defaults.imports.categoryId = new URLSearchParams(
        document.location.search
      ).get("categoryId");

      const htmlNavStr = template("tpl-nav", resp.data.data);
      $(".cate-nav-body").html(htmlNavStr);

      // 顶部分类名，分类描述
      $(".cate-item .h .name").html(resp.data.data.currentCategory.name);
      $(".cate-item .h .desc").html(resp.data.data.currentCategory.front_desc);
    });
}
renderNav();

$(".cate-nav-body").on("click", ".item", function () {
  renderGoodList($(this).data("categoryid"));
  $(this).addClass("active").siblings().removeClass("active");
});

// $(".cate-nav").on("touchstart", function (event) {
//   // event.preventDefault();
//   const touchstartX = event.touches[0].pageX;
//   $(document).on("touchmove", (event) => {
//     $(this).css(
//       "transform",
//       `translateX(${event.touches[0].pageX - touchstartX}px)`
//     );
//   });
//   $(document).on("touchend", (event) => {
//     console.log(touchstartX);
//     $(document).unbind("touchmove");
//     $(document).unbind("touchend");
//   });
// });
